<!doctype html>
<!-- The DOCTYPE declaration above will set the     -->
<!-- browser's rendering engine into                -->
<!-- "Standards Mode". Replacing this declaration   -->
<!-- with a "Quirks Mode" doctype is not supported. -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!--                                                               -->
    <!-- Consider inlining CSS to reduce the number of requested files -->
    <!--                                                               -->
    <link type="text/css" rel="stylesheet" href="applicationmanager/styles/applicationmanagerui.css">
	<!--CSS for loading message at application Startup-->
	<style type="text/css">
	#loading {
	    position: absolute;
	    left: 45%;
	    top: 40%;
	    padding: 2px;
	    z-index: 20001;
	    height: auto;
	    border: 1px solid #ccc;
	}
	
	#loading a {
	    color: #225588;
	}
	
	#loading .loading-indicator {
	    background: white;
	    color: #444;
	    font: bold 13px tahoma, arial, helvetica;
	    padding: 10px;
	    margin: 0;
	    height: auto;
	}
	
	#loading-msg {
	    font: normal 10px arial, tahoma, sans-serif;
	}
	</style>
    <title>App Manager</title>
    <!--                                           -->
    <!-- This script loads your compiled module.   -->
    <!-- If you add any GWT meta tags, they must   -->
    <!-- be added before this line.                -->
    <!--                                           -->
    <script type="text/javascript" src="applicationmanager/scripts/less-1.2.1.min.js"></script>
    <script type="text/javascript" language="javascript" src="applicationmanager/applicationmanager.nocache.js"></script>
  </head>

  <!--                                           -->
  <!-- The body can have arbitrary html, or      -->
  <!-- you can leave the body empty if you want  -->
  <!-- to create a completely dynamic UI.        -->
  <!--                                           -->
  <body>

    <!-- OPTIONAL: include this if you want history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
    
	<!--add loading indicator while the app is being loaded-->
	<div id="loading">
		<div class="loading-indicator">
			<img src="applicationmanager/images/loading-icon.gif" width="32" height="32"
				style="margin-right: 8px; float: left; vertical-align: top;" />Please
			wait<br /> <span id="loading-msg">Loading application...</span>
		</div>
	</div>
	
    <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
    <noscript>
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
        Your web browser must have JavaScript enabled
        in order for this application to display correctly.
      </div>
    </noscript>

  </body>
</html>
